﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="BulkSMSapplication.Registration" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Registration</title>
    <link href="../../CSS/RegistrationStyleSheet.css" rel="stylesheet" />
   
</head>
<body>
    <form id="form1" runat="server">
        <div id="registrationWrapper">
            <div style="height: 116px; margin-left: 20px;">
                <br />
                <span class="biggerText">Create a new BulkSMS account!</span><br />
                <br />
                <span class="normalText">Use the form below to create a new BulkSMS account.</span><br />
            </div>

                <table class="table">
                    <tr>
                        <td class="auto-style13" style="padding-top: 5px;">First Name:</td>
                        <td class="auto-style14"></td>
                        <td class="auto-style13"></td>
                    </tr>
                    <tr>
                        <td class="auto-style10" style="height: 20px;">
                            <asp:TextBox ID="TextBoxFirstName" runat="server" Width="262px"></asp:TextBox>
                        </td>
                        <td class="auto-style11" style="height: 20px;">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBoxFirstName" CssClass="smallErrorText" ErrorMessage="First Name is required."></asp:RequiredFieldValidator>
                        </td>
                        <td class="auto-style12" style="height: 20px;"></td>
                    </tr>
                    <tr>
                        <td class="newStyle1" style="padding-top: 5px;">Last Name:</td>
                        <td class="auto-style8"></td>
                        <td class="auto-style2"></td>
                    </tr>
                    <tr>
                        <td class="auto-style4" style="height: 20px;">
                            <asp:TextBox ID="TextBoxLastName" runat="server" Width="262px"></asp:TextBox>
                        </td>
                        <td class="auto-style7" style="height: 20px;">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBoxLastName" CssClass="smallErrorText" ErrorMessage="Last Name is required."></asp:RequiredFieldValidator>
                        </td>
                        <td style="height: 20px;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="newStyle1" style="padding-top: 5px;">E-mail:</td>
                        <td class="auto-style7">&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style4" style="height: 20px;">
                            <asp:TextBox ID="TextBoxEmail" runat="server" Width="262px"></asp:TextBox>
                        </td>
                        <td class="auto-style7" style="height: 20px;">
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" CssClass="smallErrorText" ErrorMessage="Not a valid e-mail address." ControlToValidate="TextBoxEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextBoxEmail" CssClass="smallErrorText" ErrorMessage="E-mail is required."></asp:RequiredFieldValidator>
                            <br />
                        </td>
                        <td style="height: 20px;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="newStyle1" style="padding-top: 5px;">Password:</td>
                        <td class="auto-style9"></td>
                        <td class="auto-style3"></td>
                    </tr>
                    <tr>
                        <td class="auto-style6" style="height: 20px;">
                            <asp:TextBox ID="TextBoxPassword" TextMode="password" runat="server" Width="262px"></asp:TextBox>
                        </td>
                        <td class="auto-style9" style="height: 20px;">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="TextBoxPassword" CssClass="smallErrorText" ErrorMessage="Password is required."></asp:RequiredFieldValidator>
                        </td>
                        <td class="auto-style3" style="height: 20px;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="newStyle1" style="padding-top: 5px;">Confirm Password:</td>
                        <td class="auto-style9">&nbsp;</td>
                        <td class="auto-style3">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style6" style="height: 20px;">
                            <asp:TextBox ID="TextBoxConfirmPassword" TextMode="password" runat="server" Width="262px"></asp:TextBox>
                        </td>
                        <td class="auto-style9" style="height: 20px;">
                            <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToValidate="TextBoxConfirmPassword" CssClass="smallErrorText" ErrorMessage="The passwords do not match." ControlToCompare="TextBoxPassword"></asp:CompareValidator>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="TextBoxConfirmPassword" CssClass="smallErrorText" ErrorMessage="Confirm Password is required."></asp:RequiredFieldValidator>
                            <br />
                        </td>
                        <td class="auto-style3" style="height: 20px;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style6">&nbsp;</td>
                        <td class="auto-style9">&nbsp;</td>
                        <td class="auto-style3">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style6">&nbsp;</td>
                        <td class="auto-style9">&nbsp;</td>
                        <td class="auto-style3">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style6">&nbsp;</td>
                        <td class="auto-style9">&nbsp;</td>
                        <td class="auto-style3">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style6">&nbsp;</td>
                        <td class="auto-style9">&nbsp;</td>
                        <td class="auto-style3">&nbsp;</td>
                    </tr>
                </table>
    
                <div style="height: 28px; margin-right: 20px; width: 498px;">
                    <asp:Button ID="bottomSubmit" runat="server" style="float: right; margin-left: 0px;" Text="Submit" Height="30px" OnClick="bottomSubmit_Click" Width="64px" CssClass="submitButton" />
                </div>
        </div>
    </form>
</body>
</html>
